
(function () {

    $.fn.extend({
        flyCart() {
            var flagClick = true;
            //1.给按钮绑定点击事件
            $(this).find(".incar").on("click", function () {
                if (flagClick) {
                    flagClick = false;
                } else {
                    return;
                }
                //2.在点击事件里,获取当前的li标签,  
                let $clonImg = $("#bigArea").find("img").clone(true);
                // 克隆一份li标签,同时要删除里面的按钮,还要往克隆的li标签里
                // $cloneLi.find("button").parents("p").remove();
                //添加一个 span标签(关闭)   
                // $cloneLi.append("<span class='btn-close'>X</span>");
                //3. 拿到克隆li里头的img标签,进行克隆一份,在于原来img标签
                //进行重叠
                // let $img = $cloneLi.find("img").clone(true);
                // offset {left:xx,top:xx};
                let offsetObj = $(".c1-left-big").offset();
                console.log(offsetObj);
                //添加一个定位属性
                // offsetObj.position = "absolute";
                // $clonImg.css(offsetObj)
                //把克隆在内存中img对象,添加页面上
                $(".clonebox").append($clonImg)
                //4. 让克隆的img非到 购物的位置,飞完后,删除 克隆的img

                let target = $(".car").offset();
                //给 target对象添加个 高度和宽度 为0
                // target.height = "0px";
                // target.width = "0px";
                // target.top = target.top + $(".cart-list").height();

                $clonImg.animate(target, 1000, function () {
                    // this,就是克隆图片,把克隆的图片删除
                    // $(this).remove();
                    //再把克隆li添加到 购物车(ul)
                    // $clonImg.appendTo(".cart-list ul");
                    //动画走完了,才能允许执行下一次的点击
                    flagClick = true;
                })
            })

            //事件委托实现关闭
            // $(".cart-list").on("click", ".btn-close", function () {
            //     $(this).parents("li").remove();
            // })
        }
    })

})()


$(function () {
    $(".content1").flyCart()
})



